<template>
    <div class="self">
      <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
      <div>
        <span class="name">{{name}}</span><br/>
        <span class="downName">粉丝: 0</span>
        <span class="downName">关注: 0</span>
      </div>

      <div>
        <index-footer></index-footer>
      </div>
    </div>
</template>

<script>
    import IndexFooter from "@/views/app/components/footer";
    import { mapGetters } from 'vuex'
    export default {
      name: "self",
      components: {IndexFooter},
      computed: {
        ...mapGetters([
          'name',
          'avatar'
        ])
      },
      props:['idx'],
      data() {
        return {
          input: '',
          select: '',

        }
      }
    }

</script>

<style scoped>
  .self{
    /*margin-top: 35px;*/
    margin-left: 20px;
    padding-top: 35px;
  }
  .user-avatar{
    border-radius:50%;
    width: 60px;
    height: 60px;
    float: left;
  }
  .self .name{
    font-size: 20px;
    margin-left: 15px;
    font-weight:bold
  }
  .self .downName{
    font-size: 10px;
    margin-left: 15px;
  }

</style>
